<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="navBar">
      <div class="titleLeft">
        <a href="#" class="titleLink">开课吧首页 </a>
        <a href="#" class="titleLink">创业微课堂</a>
        <a href="#" class="titleLink">摄影微课堂</a>
        <a href="#" class="titleLink">微聚</a>
        <a href="#" class="titleLink">论坛 </a>
      </div>
      <div class="titleRight">
        <a href="#" class="titleLink">登录|注册 </a>
        <a href="#" class="titleLink">播放记录 </a>
        <a href="#" class="titleLink">App下载</a>
      </div>
    </div>

    <div class="navBar2">
      <div class="titleLeft">
        <a href="#" class="titleLink2">
          <span style="font-size: 30px">摄影</span>
          <span style="font-size: medium">开课吧</span>
        </a>
        <a href="#" class="titleLink2">个人中心</a>
        <a href="#" class="titleLink2">视频播放</a>
      </div>
      <div class="titleRight">
        <img src="11.jpg" alt="11" />
        <img src="11.jpg" alt="11" />
        <img src="11.jpg" alt="11" />
      </div>
    </div>

    <div class="base">
      <img src="1.jpg" alt="1" />
      <div class="form">
        <form>
          <div class="tip">使用手机号码注册</div>

          <input type="text" placeholder="昵称" />
          <input type="number" placeholder="请输入您的手机号码" />

          <div>
            <input
              type="text"
              placeholder="短信验证码"
              style="margin-bottom: 0px; width: 50%"
            />
            <span class="code"> 请输入验证码</span>
            <div class="error">请输入正确的验证码</div>
          </div>
          <input type="password" placeholder="密码" />
          <input type="password" placeholder="确认密码" />
          <button class="login" style="margin-bottom:30px;">登录</button>
          <div>
            已有账号?<a href="#" target="_blank" style="text-decoration: none"
              >马上登录</a
            >
          </div>
        </form>
      </div>
    </div>
  </body>
  <style>
    @import url("style1.css");
  </style>
</html>
